/*
 * @Description: 
 * @Author: Sun
 * @Date: 2019-08-11 16:42:10
 * @LastEditors: Sun
 * @LastEditTime: 2019-08-11 16:51:17
 */
import React from "react";
import { Route, Link } from "react-router-dom";
import Reactpage from './video/ReactPage'
import Vue from './video/Vue'
import Flutter from './video/Flutter'


function Video() {
  return (
    <div>
      <div className="topNav">
        <ul>
          <li><Link to="/video/reactpage">React教程</Link></li>
          <li><Link to="/video/vue">Vue教程</Link></li>
          <li><Link to="/video/flutter">Flutter教程</Link></li>
        </ul>
      </div>
      <div className="videoContent">
        <div><h3>视频教程</h3></div>
        <Route path="/video/reactpage/" component={Reactpage} />
        <Route path="/video/vue/" component={Vue} />
        <Route path="/video/flutter/" component={Flutter} />
      </div>
    </div>
  )
}
export default Video;